[#ftl]
[#assign cms=jdao.hql("from Article where id=?",[jweb.pathName("detail")[0]])()[0]]
<!DOCTYPE HTML>
<html>
<head>
<title>${cms.title!}</title>
[@block.css/][@block.js/]
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
	#body{
		color:#000!important;
	}
	#body p{
		color:#000!important;
	}
</style>
</head>
<body>
	<div class="container">
<!-- header -->
		[@block.header/]
	
<!-- header -->	
<div class="feature">
<div class="col-md-12 feature-left" style="min-height:650px;margin-bottom:30px;">
		[#global menu=jdao.hql("from PageMenus where id=?",[jweb.pathName("cms")[1]])()[0]]
		[@block.cms_nav/]
		<div class="single-page-artical">
				<div class="artical-content">
					<h2>${cms.title} </h2>
					<img class="img-responsive" src="${base}/datas/load/PathFile/${cms.headimg.id}" title="banner1">
					<p style="background:rgba(31,218,228,0.1);padding:15px;border-radius:10px;color:#000">${cms.summary}</p>
					
					<p style="background:rgba(255,255,255,0.1);padding:15px;border-radius:10px;color:#000;position:relative" id="body">
						${cms.body?html}
					</p>
					<script type="text/javascript">
					$(function(){
						$("#body").html($("#body").text());
					});
					
						</script>
				    </div>
				    <div class="artical-links">
				 	<ul>
				 		<li><small> </small><span>${cms.createTime?number_to_date?string("yyyy-MM-dd HH:mm")}</span></li>
				 		<li><a href="#"><small class="admin"> </small><span>admin</span></a></li>
				 		<li><a href="#"><small class="no"> </small><span>No comments</span></a></li>
				 		<li><a href="#"><small class="posts"> </small><span>View posts</span></a></li>
				 		<li><a href="#"><small class="link"> </small><span>permalink</span></a></li>
				 	</ul>
				 </div>
		  	</div>
		  </div>
</div>
</div>	
	<!-- footer -->
		[@block.footer/]
	<!-- footer -->
</html>
</body>